<#include "default/common/head.html" />
<#assign column_english_list = ''>
<style>
    .pagebox{
        width: 100%;text-align: center;
    }
    .navbar{
        width: 100%;
        height: 38px;


        line-height: 38px;
        border-bottom: #d1f7e2 solid 2px;
        margin-bottom: 40px;
    }
    .nav{
        width: 22%;
        margin-left: 1%;
        margin-right: 1%;
        text-align: center;
        display: inline-block;
        font-size: 1em;
        cursor: pointer;
    }
    .selectednav{
        color:#36a968;
        border-bottom: #36a968 solid 2px;
    }
    .newsitem{
        height: calc(7.3vw);
        width: 100%;
        margin-bottom: 50px;
    }
    .title01 {

        background-image: url('${reroot}/static/assets/image/title01.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        padding-left: 3rem;
    }
    li{
        margin-top: 0.3rem;
        margin-left: 1.2rem;
        list-style-type: disc;
    }
</style>
<div class="of-banner">
    <div class="layui-carousel" id="organization">
        <div carousel-item="">
            <@of.ad site_id=site.site_id edition="organization">
            <#list ad as data >
            <div><a href="${data.ad_jump_url!'javascript:;'}">
                <img
                        src="${webroot}${data.ad_image_url}"
                        alt="${data.ad_name}" style="width: 100%;"></a>
            </div>
            </#list>
            </@of.ad>
        </div>
    </div>
</div>


<div class="pagebox">
    <div style="width: 62.5%;display: inline-block;text-align: left;margin-top: 4%">
        <div style="width: 70%;float:left">
            <div class="navbar">
                <@of.column site_id=site.site_id parent_id=columns.column_id >
                <#if column?? && (column?size>0)  >
                <#list column as child >
                <#if child_index==column?size-1>
                    <#assign column_english_list = column_english_list+child.column_english>
                <#else>
                    <#assign column_english_list = column_english_list+child.column_english +",">
                </#if>

                <a  href="${child.column_english}.html?menu_english_name=${child.column_english}">
                <h2 style="font-size: 1.2em" class="nav <#if child.column_english == columns.column_english>selectednav</#if>">
                    ${child.column_name}
                </h2>
                </a>
                </#list>
                </#if>
                </@of.column>

            </div>

            <!--start 全部资讯-->
            <@of.content_list site_id = site.site_id column_english = column_english_list>
            <#list content_list as data >
            <div class="newsitem">
                <a href="${data.url}" target="_blank">
                <div style="width: 23%;height:6em;display: inline-block;float:left;margin-right: 10px;background-image: url(${webroot}${data.thumbnail});background-size:cover;background-repeat:no-repeat;">         
                </div>
                <div style="height: 100%;padding-top: 4px">
                    <p style="font-size: 18px;">${data.title_name}</p>
                    <p style="font-size: 14px;margin-top: 5px">

                        <#if data.content?length gt 60>
                        ${data.content?substring(0,59)}...
                        <#else>${data.content!}
                    </#if>
                    </p>
                    <p style="color: #bbbbbb;font-size: 14px;margin-top: 10px">
                        ${data.create_time}
                    </p>
                </div>
                </a>
            </div>
            </#list>
            <@of.page />
            </@of.content_list>
            <!--end 全部资讯-->

        </div>
        <div style="width: 30%;float:right">
            <div style="width: 80%;float:right;background-color: #edfbf3;min-height: 200px;padding:15px">
                <!--start 推荐阅读-->
                <ul>
                    <li style="list-style-type: none;margin-left: 0px;">

                        <h2 style="font-size: 1.2em;"><img src="${reroot}/static/assets/image/title2.png"> 推荐阅读</h2>
                    </li>
                    <@of.ad site_id=site.site_id edition="recommend">
                    <#list ad as data >
                        <li>
                            <a href="${data.ad_jump_url!'javascript:;'}">${data.ad_name}</a>
                        </li>
                    </#list>
                    </@of.ad>

                </ul>
                <!--end 推荐阅读-->
            </div>
            <div style="width: 80%;float:right;background-color: #edfbf3;min-height:200px;margin-top: 20px;padding:15px">
                <!--start 刊物下载-->
                <ul>
                        <li style="list-style-type: none;margin-left: 0px;"><h2 style="font-size: 1.2em"><h2 style="font-size: 1.2em"><img src="${reroot}/static/assets/image/title2.png"> 刊物下载</h2></li>
                        <@of.content_list page="no" limit="50" site_id = site.site_id column_english="publication_down">

                            <#list content_list as data >
                            <li>
                                <a href="${webroot}${data.file}">${data.file_name}</a>
                            </li>
                            </#list>
                        </@of.content_list>

                </ul>
                <!--end 刊物下载-->

            </div>
        </div>
    </div>

</div>


<script>
    layui.use(['carousel', 'element'], function () {
        var carousel = layui.carousel;
        var element = layui.element;
        //图片轮播
        carousel.render({
            elem: '#organization'
            , width: '100%' //设置容器宽度
            , arrow: 'always' //始终显示箭头
            , height: '100%'
            , autoplay: true
            , full: false
            , interval: 3000
        });
    });
</script>
<#include "default/common/footer.html" />